<template>
  <div class="career">
    <div class="list">
      <t-row :gutter="[8,0]">
        <t-col v-for="i in list" :key="i.id" :span="6">
          <t-card :bordered="false">
            <div class="whole">
              <div class="img">
                <img :src=i.src>
              </div>
              <div class="card-r">
                <span class="name">{{i.name}}</span>
                <span class="desc" :title=i.desc>{{i.desc}}</span>
              </div>
            </div>
          </t-card>
        </t-col>
      </t-row>
      <!-- 底部分页 -->
      <t-pagination :total="total"
      showPageNumber
      :showPageSize="false"
      :totalContent="false"
      showPreviousAndNextBtn
      @current-change="onCurrentChange"
      @change="onChange" />
    </div>
    <div class="right">
      <div class="now duiqi">
        <h3>近期上线</h3>
        <a class="right-a" href="javascript:;">教练员</a>
        <a class="right-a" href="javascript:;">整理收纳师</a>
        <a class="right-a" href="javascript:;">海洋工程技术人员</a>
        <a class="right-a" href="javascript:;">测绘和地理信息工程技术人员</a>
        <a class="right-a" href="javascript:;">宠物摄影师</a>
        <a class="right-a" href="javascript:;">心理医生</a>
        <a class="right-a" href="javascript:;">大数据工程技术人员</a>
      </div>
      <div class="hot duiqi">
        <h3>热门职业</h3>
        <a class="right-a" href="javascript:;">互联网产品经理</a>
        <a class="right-a" href="javascript:;">计算机软件工程师</a>
        <a class="right-a" href="javascript:;">小学教师</a>
        <a class="right-a" href="javascript:;">人力资源管理人员</a>
        <a class="right-a" href="javascript:;">会计人员</a>
        <a class="right-a" href="javascript:;">销售代表</a>
        <a class="right-a" href="javascript:;">机械工程技术人员</a>
        <a class="right-a" href="javascript:;">平面设计师</a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      list: [
        {
          id: 3,
          src: 'https://t1.chei.com.cn/xzpt/survey/cdn/showimg/zxy6dvh6omcduw5a.jpeg',
          name: '青年创业者',
          desc: '年龄在16岁至34岁之间的大学生或大学毕业后的青年，在各个领域，通过发现和识别商业机会、组织各种资源、提供产品和服务，以创造价值的过程的人员。由于大学生及大学毕业生的工作经验、资本实力有限，这个群体的创业起点相对要低，创业年限较短，创业活动既包括创建一个新企业，也包括开设一家商铺、网店。'
        }
      ],
      total: 10,
      current: 12,
      pageSize: 4
    }
  },
  methods: {
    onCurrentChange (current, pageInfo) {
      console.log('Current Page', this.current, current, pageInfo)
    },
    onChange (pageInfo) {
      console.log('Page Info: ', pageInfo)
    }
  }
}
</script>

<style scoped>
@import url('../../../assets/career.css');
</style>
